<template>
  <!-- <nav-bar title="我的" /> -->
  <div class="page-main" v-scrollbar v-ploading="loading" icon="20">
    <svg-icon  name="i18n" />
    <svg-icon style="font-size: 20px;color: #1989fa;" name="link" />
    <svg-icon text-20px mr-8px name="github" />
    <p>中华人民共和国万岁</p>
    <p>中华人民共和国成立于1949年，首都北京</p>
    <p v-for="(items,indexs) in 1" :key="indexs">说明你的项目或其依赖正在使用 已弃用的 Sass Legacy JS API，而 Vite 背后调用 Sass 的方式还没完全适配新的 API，或者某些包还依赖旧方式。</p>
  </div>
  <tab-bar :defaultActive="1" />
</template>
<script setup name="user">
import { message } from 'ant-design-vue';
import { onMounted,ref,computed,watch,getCurrentInstance,onBeforeMount,onActivated,onDeactivated } from "vue";
const { proxy } = getCurrentInstance();
const loading = ref(true)
onActivated(() => {
  console.log("user-onActivated")
  loading.value=true
  setTimeout(()=>{
    loading.value=false
  },300)
})
onDeactivated(()=>{
  console.log("user-onDeactivated")
})
</script>
<style lang="scss" scoped>
 p{
  padding: 18px;
 }
</style>